<template>
    <div class="options">
        <div class="option option1"></div>
        <div class="option option2"></div>
        <div class="option option3"></div>
        <div class="option option4"></div>
    </div>
</template>

<script setup lang="ts">

</script>

<style lang="scss" scoped>
$item-height: 0.36rem;
$item-width: 0.6rem;
$a-font-size: 0.08rem;

.options {
    width:100%;
    height: 70%;
}

@for $i from 1 through 4 {
    .option:nth-child(#{$i}) {
        background-image: url("@/assets/jpg/" + #{$i}+ ".jpg");
    }
}
</style>